
.auth-theme {
  .el-main {
    background: #fff !important;
    padding: 0 !important;

    > .el-card {
      max-width: 90% !important;
      margin: auto;
      border: unset;
    }
  }

  .el-container[data-v-2116c5e6] .el-aside {
    border-right: 0px solid #d9d9d9;
    overflow: hidden;
  }

  .el-container .el-header[data-v-2116c5e6] {
    border-bottom: 0px solid #d9d9d9;
  }

  .home {
    .el-row {
      margin: 0px !important;

      .el-col {
        padding: 0 !important;
        margin: 0px !important;
      }
    }

    .bottom {
      margin: 0px !important;

      .el-card__body {
        > div {
          > div {
            height: 365px !important;
          }
        }
      }
    }


  }

  .el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover {
    box-shadow: unset;
  }

  .logo-text {
    color: #9093a6 !important;
  }

  .el-collapse-item__title {
    font-size: 18px !important;
    font-weight: 500 !important;
  }

  .el-collapse-item {
    border-top: unset;
  }

  .el-collapse {
    border-top: unset;
  }

  .el-collapse-icon-position-right .el-collapse-item__header {
    border-bottom: 2px solid #d9d9d9;
    margin-bottom: 19px;
  }

  .el-collapse-item__wrap {
    border-bottom: 2px solid #d9d9d9;
  }

  .el-collapse {
    border-bottom: unset;
  }

  .el-main {
    > .el-card {
      > .el-card__header {
        border-bottom: unset;
        padding-bottom: 0px !important;

      }

      > .el-card__body {
        padding-top: 0px !important;
      }
    }

    .el-table__header {
      thead {
        > tr {
          background: rgb(48, 50, 63) !important;
          color: #fff !important;
        }
      }
    }
  }

  .attack-portrait {
    //width: 90%;
    margin: 11px auto;

    .dialog-header-one {
      p {
        font-size: 18px;
        color: var(--el-collapse-header-text-color);
        font-weight: 500;
      }
    }
  }

  .el-collapse-icon-position-right .el-collapse-item__header {
    padding-right: 0 !important;
  }

  .collapse-no-content {
    margin-bottom: 0px !important;

    .el-collapse-item__wrap {
      border-bottom: unset !important;
    }

    .el-collapse-item__arrow {
      display: none !important;
    }
  }

  .collapse-no-content ~ div {
    margin-bottom: 18px !important;
  }

  .aside-box {
    overflow: hidden !important;
    background: rgb(48, 50, 63);
    padding: 7px 2px;

    .logo {
      display: none;
    }

    .el-menu .el-menu-item.is-active::before {
      display: none;
    }

    .el-menu {
      overflow: hidden;
      width: 95%;
      margin: auto;
      background: rgb(48, 50, 63);
      padding: 0px 4px;

      .el-sub-menu.is-active .el-sub-menu__title {
        color: #fff !important;
      }

      .el-menu-item, .el-sub-menu__title {
        color: #fff !important;

      }

      .el-sub-menu__title.is-active {
        background-color: var(--el-color-primary) !important;
        height: 50px;
        margin: 10px auto;
      }

      .el-menu-item.is-active {
        background-color: var(--el-color-primary) !important;
      }

      .el-menu-item {
        height: 50px;
        margin: 30px auto;
        padding-left: 0px !important;
        font-size: 15px;
      }

      .el-menu-item:hover {
        background-color: var(--el-color-primary) !important;


      }

      .el-menu-item.is-active::before {
        background-color: var(--el-color-primary);
        height: 50px;
        margin: 10px auto;
      }

      .el-sub-menu__title {
        padding-left: 2px;
        justify-content: center;
        font-size: 15px;
        transform: translateX(-9px);
      }

      .el-menu-item {
        //width: 80%;
        margin: 5px auto;
        border-radius: 5px;
        padding-left: 20px;
      }

      .el-menu-item:hover {

        background-color: var(--el-color-primary);
      }

      .el-menu .el-menu-item.is-active {
        //width: 80%;
        margin: auto;
        border-radius: 5px;
      }

      .el-menu .el-menu-item.is-active::before {
        display: none;
      }
    }

    .el-menu--inline > .el-menu-item {
      padding-left: 21px !important;
      font-size: 14px;
    }

    .el-icon {
      margin-right: 2px;
    }
  }

  .el-header {
    background-color: var(--el-color-primary) !important;

    .collapse-icon {
      display: none;
    }

    * {
      color: #fff !important;
    }
  }

  .is-collapse {
    .el-sub-menu__title {
      padding-left: 20px !important;
      transform: translateX(0px) !important;
    }

    .el-sub-menu.is-active .el-sub-menu__title {
      color: #fff !important;
    }

    .is-active .el-sub-menu__title {
      background-color: var(--el-color-primary) !important;
      border-radius: 5px;
    }
  }

  .el-menu-item {
    height: 45px !important;
  }

  .collapse-icon {
    text-align: center;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px !important;
  }

  .el-menu-item .el-menu-tooltip__trigger {
    justify-content: center;
  }

  .breadcrumb-title {
    font-size: 15px;
  }

  .el-collapse-item {
    display: flex;
    flex-flow: column-reverse;
  }

  .el-collapse-item__arrow.is-active {
    transform: rotate(-90deg);
  }

  .el-collapse-item__header {
    border-bottom: unset;
  }

  .el-table td.el-table__cell div.update-form {
    height: auto !important;
  }

  .el-upload-dragger{
    border: unset !important;
    padding: unset !important;
  }

}
.el-upload-dragger{
  border: unset !important;
  padding: unset !important;
  padding-left: 25px !important;
}
.el-aside{
  overflow: hidden !important;
}
.dark {
  .auth-theme {
    .el-main {
      background: #1d1e1f !important;
      padding: 0 !important;

      > .el-card {
        max-width: 90% !important;
        margin: auto;
        border: unset;
      }
    }

    .el-container[data-v-2116c5e6] .el-aside {
      border-right: 0px solid #000;
      overflow: hidden !important;
    }

    .el-container .el-header[data-v-2116c5e6] {
      border-bottom: 3px solid #000;
    }

    .home {
      .el-row {
        margin: 0px !important;

        .el-col {
          padding: 0 !important;
          margin: 0px !important;
        }
      }

      .bottom {
        margin: 0px !important;

        .el-card__body {
          > div {
            > div {
              height: 365px !important;
            }
          }
        }
      }


    }

    .el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover {
      box-shadow: unset;
    }

    .logo-text {
      color: #fff !important;
      font-size: 18px !important;
    }

    .el-collapse-item__title {
      font-size: 18px !important;
      color: #fff !important;
    }

    .el-collapse-item {
      border-top: unset;
      display: flex;
      flex-flow: column-reverse;
    }

    .el-collapse {
      border-top: unset;
    }

    .el-collapse-icon-position-right .el-collapse-item__header {
      border-bottom: 2px solid #000;
      margin-bottom: 19px;
    }

    .el-collapse-item__wrap {
      border-bottom: 2px solid #000;
    }

    .el-collapse {
      border-bottom: unset;
    }

    .el-main {
      > .el-card {
        > .el-card__header {
          border-bottom: unset;


        }
      }

      .el-table__header {
        thead {
          > tr {
            background: rgb(48, 50, 63) !important;
            color: #fff !important;
          }
        }
      }
    }
  }

  .attack-portrait {
    background: #1d1e1f !important;

    .label-text {
      fill: #fff !important;
    }
  }

  .logo-text {
    color: #fff !important;

  }
}
.base-table.virtual .el-table__body-wrapper{
  max-height: calc(100vh - 100px) !important;
}
